<nz-drawer [nzBodyStyle]="{ height: 'calc(100% - 55px)', overflow: 'hidden', padding: '0px', display: 'grid', 'grid-template-rows': '1fr auto'}" [nzMaskClosable]="false" [nzWidth]="'500px'"
           [nzVisible]="visible" [nzTitle]="'要素信息'" (nzOnClose)="close()">

    <div class="panel panel-grid" *nzDrawerContent>
        <div class="panel-body" style="padding: 20px;">
            <div class="grid-auto-row" style="grid-row-gap: 5px;" *ngIf="feature">
                <nz-form-item *ngFor="let item of layer.fields">
                    <nz-form-label [nzSpan]="6">{{item}}</nz-form-label>
                    <nz-form-control [nzSpan]="14">
                       <input nz-input [name]="item" type="text" [(ngModel)]="feature.properties[item]" autocomplete="off" required>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <div class="panel-footer" style="padding: 20px;">
            <div class="panel-footer-left">
            </div>
            <div class="panel-footer-right">
                <button nz-button nzType="default" (click)="close()">关闭</button>
                <button nz-button nzType="primary" (click)="save()">保存</button>
            </div>
        </div>
    </div>
</nz-drawer>
